<template>
  <div>
    <cardList :containList="containList1"></cardList>
    <doubleButton :containList="containList2"></doubleButton>
  </div>
</template>
<script>
import singleButton from "../../components/singleButton.vue";
import cardList from "../../components/cardList.vue";
export default {
  data() {
    return {
      containList1: [
        {
          title: "金灵根",
          url: "",
          remark:'隐隐飞桥隔野烟，石矾西畔问渔船。桃花尽日随流水，洞在清溪何处边。'
        },
        {
          title: "木灵根",
          url: "",
          remark:'若有朝一日，天下靖平，吾定要……'
        },
          {
          title: "水灵根",
          url: "",
          remark:'难定纷纷甲子年，千魔荡荡白阳天，苍天旨意著书命，诸子虔诚扶道颠；佛灯点亮华光现，一线生机救末年。'
        },
           {
          title: "火灵根",
          url: "",
          remark:'夜来风横雨飞狂，满目杀戮血腥红，长剑渐归封木鞘，挥手再斩万鬼雄。'
        },
          {
          title: "土灵根",
          url: "",
          remark:'夜来风横雨飞狂，满目杀戮血腥红，长剑渐归封木鞘，挥手再斩万鬼雄。'
        },
      ],
      containList2: [
        {
          title: "返回",
          url: "-1",
        },
        {
          title: "下一步",
          url: '-1',
        },
      ],
    };
  },
  components: {
    singleButton,
    cardList,
  },
  methods: {},
  mounted() {
  },
};
</script>
<style>
.item-card {
  margin: 40px 40px 0 40px;
}
</style>